<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="viewport-fit=cover,width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link href="../../../css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../../../css/reset.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/style.css" />
</head>

<body>
    <div id="questions_box">
        <header class="mui-bar mui-bar-nav">
            <a class=" mui-icon mui-icon-left-nav mui-pull-left" @tap="back_but"></a>
            <h1 class="mui-title">套题演练</h1>
            <!--<span class="exer_icons" v-show="questionBoxStatus == 1">
                <em id="dtkImg" @tap="open_dtk">
                    <img src="../../../images/icon_dtk.png" />
                </em>
                <em id="collectImg" @tap="add_collection">
                    <img class="icon_sc_normal" v-if="collection_status == 0" src="../../../images/icon_sc_black.png" />
                    <img class="icon_sc_normal" v-if="collection_status == 1" src="../../../images/icon_sc_orange2.png" />
                </em>
                <em id="stjcImg" @tap="open_jc">
                    <img src="../../../images/icon_stjc.png" />
                </em>
            </span>-->
            <span class="exer_icons"  v-show="questionBoxStatus == 1">
				<a @tap="open_jc" class="mui-icon mui-icon-feedback mui-pull-right"></a>
				<a @tap="add_collection" v-show="collection_status == 0" class="mui-icon mui-icon-collect mui-pull-right"></a>
				<a @tap="add_collection" v-show="collection_status == 1" class="mui-icon mui-icon-collected mui-pull-right orange"></a>
				<a @tap="open_dtk" class="mui-icon mui-icon-answerSheet mui-pull-right"></a>
			</span>
        </header>

        <div class="errorBoxTips"  v-show="questionErrorBoxStatus == 1">
            <img src="../../../images/error_img.png">
            <p>{{errorTipsContent}}</p>
            <button type="button" class="mui-btn mui-btn-outlined" @tap="clickRefresh">刷新</button>
        </div>

        <div class="mui-content getHeight" v-show="questionBoxStatus == 1">
            <div class="exercise_tt">
                <span v-if="type == 1">单选题</span>
                <span v-else-if="type == 2">多选题</span>
                <span v-else-if="type == 3">判断题</span>
                <span v-else-if="type == 30">简答题</span>
                <span v-else-if="type == 50">材料题</span>
                <span class="exer_num"><em class="red">{{q_index + 1}}</em>/{{other.count_num}}</span>
            </div>
            <transition name="questionfade">
                <div class="exercise_nr" v-for="(val,ind) in question_list" v-if="q_index == ind  && type == 1">
                    <h3 class="question">{{q_index + 1}}：{{val.question_title}}</h3>
                    <ul class="anwser_item mui-table-view">
                        <li v-for="op in val.option_lists" :class="opIndex == op.id ? 'active' : ''" class="dan_option mui-table-view-cell"
                            @tap="xuanzhong_danxuan_option($event)" :qid="val.id" :option-id="op.id"><span>{{op.abc_index}}</span>{{op.opition_content}}</li>
                    </ul>
                </div>

                <div class="exercise_nr" v-for="(val,ind) in question_list" v-if="q_index == ind  && type == 2">
                    <h3 class="question">{{q_index + 1}}：{{val.question_title}}</h3>
                    <ul class="anwser_item_more mui-table-view p0">
                        <li v-for="op in val.option_lists" :class="'duoxuan_'+op.id" class="duo_option mui-table-view-cell"
                            @tap="xuanzhong_duoxuan_option($event)" :qid="val.id" :option-id="op.id"><span>{{op.abc_index}}</span>{{op.opition_content}}</li>
                    </ul>
                </div>

                <div class="exercise_nr" v-for="(val,ind) in question_list" v-if="q_index == ind && type == 3">
                    <h3 class="question">{{q_index + 1}}：{{val.question_title}}</h3>
                    <ul class="anwser_item mui-table-view">
                        <li @tap="dj_zq" :qid="val.id" class="dj_zq mui-table-view-cell"><span>T</span>正确</li>
                        <li @tap="dj_cw" :qid="val.id" class="dj_cw mui-table-view-cell"><span>F</span>错误</li>
                    </ul>
                </div>

                <!--简答题显示-->
                <div class="exercise_nr" v-for="(val,index) in question_list" v-if="type == 30 && q_index == index">
                    <h3 class="question">{{val.question_title}}</h3>
                    <form class="jdt_form" v-if="an == 0">
                        <textarea class="short_wby" v-model="myan" placeholder="请输入您的答案"></textarea>
                        <p class="shortTips">小提示：按住键盘上的语音输入按钮可快速输入</p>
                        <div class="fix_error_btn">
                            <a id="button" @tap="tijiao_zuoda('j')" class="error_submit_btn">查看答案</a>
                        </div>
                    </form>
                    <div class="fengeLine m0" v-if="an== 1"></div>
                    <div class="myAnswer_tt" v-if="an== 1">
                        <h4>我的答案</h4>
                        <!--<a class="answer_modify"><em><img src="../../../images/icon_xg_red.png" /></em>修改</a>-->
                    </div>
                    <div class="myAnswer_nr" v-if="an== 1">
                        {{myAnswer}}
                    </div>
                    <div class="fengeLine m0" v-if="an== 1"></div>
                    <div class="resolve_answer" v-if="an== 1">
                        <h4>解析</h4>
                        <div class="myAnswer_nr" v-html="val.parsing"></div>
                    </div>
                    <div class="resolve_answer" v-if="an== 1">
                        <h4>参考答案</h4>
                        <div class="myAnswer_nr" v-html="val.answer"></div>
                    </div>
                </div>

                <!--材料题显示-->
                <div class="exercise_nr" v-for="(val,index) in question_list" v-if="type == 50 && q_index == index">
                    <div class="mui-slider bdline">
                        <div class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
                            <a class="mui-control-item" :class="(cailiaoTab == cl.cailiao_index && cailiaoCate == 'cailiao') ? 'mui-active' : ''"
                                :cINdex='cl.cailiao_index' tabCat="cailiao" @tap="select_cailiaoTab($event)" v-for="(cl,cindex) in val.cl_li">{{cl.section_name}}<em></em></a>
                            <a class="mui-control-item" :class="(cailiaoTab == ql.question_index && cailiaoCate == 'wenti') ? 'mui-active' : ''"
                                :qINdex="ql.question_index" tabCat="wenti" @tap="select_cailiaoTab($event)" :qid="ql.id"
                                v-for="(ql,qindex) in val.question_li">问题{{qindex+1}}<em></em></a>
                        </div>
                    </div>
                    <div class="mui-slider-group">
                        <div class="mui-slider-item mui-control-content" :class="(cailiaoTab == cl.cailiao_index && cailiaoCate == 'cailiao') ? 'mui-active' : ''"
                            v-for="(cl,cindex) in val.cl_li">
                            <div class="material" v-html="cl.section_content"></div>
                        </div>
                        <div class="mui-slider-item mui-control-content" :class="(cailiaoTab == ql.question_index && cailiaoCate == 'wenti') ? 'mui-active' : ''"
                            v-for="(ql,qindex) in val.question_li">
                            <div class="material p0">
                                <div class="question" v-html="ql.question"></div>
                                <form class="p015" v-if="an == 0">
                                    <textarea class="short_wby" v-model="myan" placeholder="请输入您的答案"></textarea>
                                    <p class="shortTips">小提示：按住键盘上的语音输入按钮可快速输入</p>
                                    <a id="button_m1" @tap="tijiao_zuoda('c')" class="error_submit_btn">查看答案</a>
                                </form>

                                <div class="fengeLine mb0"></div>

                                <div class="myAnswer" v-if="an == 1">
                                    <div class="myAnswer_tt">
                                        <h4>我的答案</h4>
                                        <!--<a class="answer_modify"><em><img src="../../../images/icon_xg_red.png" /></em>修改</a>-->
                                    </div>

                                    <div class="myAnswer_nr">{{myAnswer}}</div>

                                    <div class="fengeLine mb0"></div>

                                    <div class="resolve_answer">
                                        <div class="p015">
                                            <b class="fs15">参考答案</b>
                                            <p v-html="ql.answer"></p>
                                        </div>

                                        <div class="fengeLine mb0"></div>

                                        <div class="myAnswer_nr">
                                            <p><b>解析</b></p>
                                            <p v-html="ql.parsing"></p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </transition>
        </div>

        <!--答题卡弹窗-->
        <div class="popMask" @tap="yc_dtk"></div>
        <div class="popCard">
            <div class="popCont">
                <div class="pop_exer_tt">
                    <div class="exer_ltt">
                        <em><img src="../../../images/icon_dtk.png" /></em>专项练习
                    </div>
                    <div class="exer_rtt">
                        <span><em class="dot_red"></em>已答</span>
                        <span><em class="dot_grey"></em>未答</span>
                    </div>
                </div>
                <div class="pop_exer_nr">
                    <ul>
                        <li v-for="(val,index) in userAnswer" @tap="tiaozhuan_que(index)" :class="val == 1 ? 'active' : ''">
                            <a>{{index+1}}</a>
                        </li>
                    </ul>
                </div>
                <div class="fix_exer_result" @tap="tijiaojieguo">
                    <a>提交并查看套题解析</a>
                </div>
            </div>
        </div>
    </div>


    <script src="../../../js/mui.min.js"></script>
    <script type="text/javascript" src="../../../js/h.min.js"></script>
    <script src="../../../js/jquery.min.js"></script>
    <script type="text/javascript" src="../../../js/tpl/oneTestPaper.js"></script>
    <script src="../../../js/vue.js"></script>
    <script src="../../../js/public.js"></script>
</body>

</html>